<template>
	<view class="container">
		<view
			class="bg-white"
			:style="{
				height: customBar + 'px'
			}"
		></view>
		<view class="uni-pa-10 bg-white">
			<view class="flex align-center">
				<view class="">
					<image class="uni-radius" style="width: 80px; height: 80px; background-color: #eeeeee" mode="aspectFill" :src="userInfo.avator"></image>
				</view>
				<view class="uni-ml-10 flex-sub">
					<view class="text-xxl text-main text-cut">姓名</view>
					<view class="uni-mt-5 flex justify-between align-center text-base">
						<view class="">微信号：IYX2021</view>
						<view class="">
							<uni-icons customPrefix="uwofont" type="uwo-you"></uni-icons>
						</view>
					</view>
				</view>
			</view>
			<view style="margin-left: 100px" class="">
				<uni-tag :circle="true" size="small" text="标签" type="primary" :inverted="true" />
			</view>
		</view>
		<uni-list class="uni-mt-5 block">
			<uni-list-item title="服务" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="" />
		</uni-list>
		<uni-list class="uni-mt-5 block">
			<uni-list-item title="收藏" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="" />
			<uni-list-item title="朋友圈" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="" />
			<uni-list-item title="视频号" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="" />
			<uni-list-item title="卡包" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="" />
			<uni-list-item title="表情" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="1.0.0" />
		</uni-list>
		<uni-list class="uni-mt-5 block">
			<uni-list-item title="设置" link to="/pages/my/setting" showArrow thumb="/static/my/setting.png" thumb-size="base" rightText="" />
		</uni-list>
	</view>
</template>

<script setup>
import { ref } from 'vue';
import tokenUtil from '@/common/js/tokenUtil.js';
const userInfo = tokenUtil.getUser();
const customBar = ref(0);
uni.getSystemInfo({
	success: function (e) {
		// #ifndef MP
		if (e.platform == 'android') {
			customBar.value = e.statusBarHeight + 50;
		} else {
			customBar.value = e.statusBarHeight + 45;
		}
		// #endif

		// #ifdef MP-WEIXIN
		const custom = wx.getMenuButtonBoundingClientRect();
		customBar.value = custom.bottom + custom.top - e.statusBarHeight;
		// #endif
	}
});
</script>

<style lang="scss" scoped>
.container {
}
</style>
